<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/conmn.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="typepage cr topb">
            <img src="./img/logo.jpg" alt="">
            <p class="fl topp1">legochina.cn</p>
            <p class="topp fr">欢迎光临<a href="index.html">乐购</a>，请<a href="landingpPage.html">登陆</a>\<a href="from.html">注册</a></p>
        </div>
    </div>

    <!-- 顶部搜索 -->
    <form action="" class="typepage cr">
        <div class="fobox fr">
            <input type="text"><button class="fobtn"></button>
        </div>
        <div class="fort cr fr">
            <p class="fortlp fl">
                <a href= 'ShoppingCart.html' style="font-size: 14px; color: white;"><img src="./img/bgicon_04.jpg" style="margin-top: -4px;">购物车<span>3</span></a>
            </p>
            <p class="fortrt fr"><a href="Placinganorder.html" style="font-size: 14px;">我的订单</a></p>
        </div>
    </form>

    <!-- 顶部列表 -->
    <div class="toplb typepage cr">
        <div class="toplbbox fr">
            <span><a href="productList.html">图书</a></span>
            <span><a href="productList.html">电子书 </a></span>
            <span><a href="productList.html">原创文学</a></span>
            <span><a href="productList.html">服装</a></span>
            <span><a href="productList.html">户外运动</a></span>
            <span><a href="productList.html">孕婴童 </a></span>
            <span><a href="productList.html">家居</a></span>
            <span><a href="productList.html">创意文具</a></span>
            <span><a href="productList.html">地方特产</a></span>
            <span><a href="productList.html">海外购</a></span>
            <span><a href="productList.html">电器城</a></span>
        </div>
    </div>


    <!-- 导航 -->
    <div class="nav typepage cr">
        <div class="navlb fl">
            <ul>
                <li>图书、电子书、童书</li>
                <li>创意文具</li>
                <li>服饰、内衣</li>
                <li>鞋靴、箱包</li>
                <li>户外运动</li>
                <li>孕、婴、童</li>
                <li>家居、家纺、汽车</li>
                <li>家具、家装、康体</li>
                <li>美妆、个人护理、成人</li>
                <li>食品、茶酒、生鲜</li>
                <li>腕表、珠宝、眼镜</li>
                <li>手机、数码</li>
                <li>电脑办公</li>
                <li>家用电器</li>
            </ul>
            <div class="navbox">
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p style="margin-left: 5px;">图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span
                            style="margin-left: 10px;">电子书馆</span></p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学BBB</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科BBB</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理BBB</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志BBB</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育BBB</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技BBB</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活BBB</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学CCC</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科CCC</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理CCC</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志CCC</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育CCC</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技CCC</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活CCC</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学DDD</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科DDD</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理DDD</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志DDD</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育DDD</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技DDD</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活DDD</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学EEE</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科EEE</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理EEE</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志EEE</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育EEE</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技EEE</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活EEE</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学FFF</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科FFF</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理FFF</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志FFF</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育FFF</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技FFF</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活FFF</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学GGG</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科GGG</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理GGG</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志GGG</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育GGG</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技GGG</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活GGG</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学HHH</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科HHH</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理HHH</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志HHH</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育HHH</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技HHH</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活HHH</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学JJJ</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科JJJ</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理JJJ</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志JJJ</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育JJJ</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技JJJ</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活JJJ</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学KKK</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科KKK</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理KKK</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志KKK</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育KKK</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技KKK</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活KKK</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学LLL</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科LLL</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理LLL</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志LLL</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育LLL</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技LLL</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活LLL</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学ZZZ</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科ZZZ</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理ZZZ</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志ZZZ</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育ZZZ</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技ZZZ</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活ZZZ</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学XXX</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科XXX</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理XXX</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志XXX</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育XXX</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技XXX</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活XXX</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>
                <div style="padding-left: 10px;padding-right: 20px;">
                    <p>图书馆>> <span style="margin-left: 10px;">儿童书馆</span><span style="margin-left: 10px;">电子书馆</span>
                    </p>
                    <ul>
                        <li style="margin-top: 10px;">
                            <h3>文学CCC</h3>
                            <p class="navp1">
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                            </p>
                        </li>

                        <li>
                            <h3>文学社科CCC</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>历史</a>
                                <a herf='#'>军事政治</a>
                                <a herf='#'>文化</a>
                                <a herf='#'>心里学</a>
                                <a herf='#'>法律</a>

                            </p>
                        </li>


                        <li>
                            <h3>管理CCC</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>金融</a>
                                <a herf='#'>经济</a>
                                <a herf='#'>投资理财</a>
                                <a herf='#'>互联网</a>

                            </p>
                        </li>


                        <li>
                            <h3>励志CCC</h3>
                            <p>
                                <a herf='#'>小说</a>
                                <a herf='#'>文学</a>
                                <a herf='#'>传记</a>
                                <a herf='#'>青春</a>
                                <a herf='#'>动漫</a>
                                <a herf='#'>艺术</a>
                                <a herf='#'>摄影</a>
                                <a herf='#'>明星</a>
                                <a herf='#'>励志成功</a>
                                <a herf='#'>职场</a>
                                <a herf='#'>心灵修养</a>
                            </p>
                        </li>


                        <li>
                            <h3>教育CCC</h3>
                            <p>
                                <a herf='#'>中小学教辅</a>
                                <a herf='#'>考试</a>
                                <a herf='#'>大中专教辅</a>
                                <a herf='#'>外语</a>
                                <a herf='#'>工具书</a>
                                <a herf='#'>公务员</a>
                                <a herf='#'>考研</a>
                            </p>
                        </li>


                        <li>
                            <h3>科技CCC</h3>
                            <p>
                                <a herf='#'>科音读物</a>
                                <a herf='#'>计算机</a>
                                <a herf='#'>医学</a>
                                <a herf='#'>工业技术</a>
                                <a herf='#'>建筑</a>
                                <a herf='#'>自然科学</a>
                            </p>
                        </li>


                        <li>
                            <h3>生活CCC</h3>
                            <p>
                                <a herf='#'>两性</a>
                                <a herf='#'>孕期</a>
                                <a herf='#'>育儿</a>
                                <a herf='#'>保健</a>
                                <a herf='#'>运动</a>
                                <a herf='#'>休闲</a>
                                <a herf='#'>旅游</a>
                                <a herf='#'>美食</a>
                                <a herf='#'>美妆</a>
                                <a herf='#'>家居</a>
                                <a herf='#'>生活</a>
                                <a herf='#'>健身</a>
                            </p>
                        </li>
                </div>

            </div>
        </div>
        <div class="navlbt fr">
            <!--轮播开始-->
            <div class="pptbox" id="bannerInner" style="height: 464px;">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                    <li>
                        <a href="#"><img src='./img/2016080509372640151.jpg' /></a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/pp1_05.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/banner(2).jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src='./img/2016080509372640151.jpg' /></a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/banner(2).jpg" /></a>
                    </li>
                </ul>

                <!--数字控制器-->
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft">&lt;</span>
                <span class="btnright">></span>
            </div>
        </div>
    </div>


    <!-- 商品列表 -->
    <div class="spbox1 typepage">
        <p class="topbox">
            乐购·今日推荐
        </p>
        <ul class="scul cr">
            <li class="li1"><a href="">
                    <img src="./img/index06_05.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠六键电竞鼠标</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a></li>
            <li>
                <a href="">
                    <img src="./img/index06_05.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠六键电竞鼠标</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./img/index06_05.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠六键电竞鼠标</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li><a href="">
                    <img src="./img/index06_05.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠六键电竞鼠标</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a></li>
            <li>
                <a href="">
                    <img src="./img/index06_05.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠六键电竞鼠标</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./img/index06_05.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠六键电竞鼠标</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li class="li7">
                <a href="">
                    <img src="./img/index06_11.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠高级自动饮水机</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./img/index06_11.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠高级自动饮水机</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./img/index06_11.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠高级自动饮水机</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./img/index06_11.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠高级自动饮水机</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./img/index06_11.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠高级自动饮水机</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./img/index06_11.jpg" alt="" class="sbimg">
                    <img src="./img/index05_18.jpg" alt="" class="xsyh">
                    <p>黑爵清风侠高级自动饮水机</p>
                    <span>全国联保，一年免费包换</span>
                    <p class="jg">￥：299</p>
                </a>
            </li>
        </ul>
    </div>


    <!-- 电子书列表 -->
    <div class="book typepage floor">
        <div class="cr bookb">
            <p class="fl">
                <span class="tu">图书</span>
                <span class="dzs">电子书</span>
            </p>
            <ul class="fr bookul">
                <li>
                    <a href="#">最新上架</a>
                </li>


                <li>
                    <a href="#">独家倡赢</a>
                </li>


                <li>
                    <a href="#">电子书</a>
                </li>
            </ul>
        </div>

        <div class="booklb cr">
            <div class="fl boxbig" style="width: 904px;">


                <div class="ltdiv fl cr  wa1">
                    <ul class="divltul fl">
                        <li><img src="./img/index7_07.jpg" alt=""></li>
                        <ul class="box1 cr fl">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                        <ul class="divrtul fr">
                            <li class="lunbo" style="border: 1px solid #666;">
                                <div class="pptbox" id="bannerInners1">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/dsshbanner-zr-0914.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/dsshbanner-zr-0914.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft">&lt;</span>
                                    <span class="btnright">></span>
                                </div>
                            </li>

                            <li style="border-top:1px solid #666 ;">
                                <p>奥运狂欢</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                            <li style="border-top:1px solid #666">
                                <p>奥运狂欢</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li style="border-left: 1px solid #666;">
                                <p>奥运狂欢</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li>
                                <p>奥运狂欢</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                            <li>
                                <p>奥运狂欢</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li>
                                <p>奥运狂欢</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                        </ul>
                </div>


                <div class="ltdiv fl cr">
                    <ul class="divltul fl">
                        <li><img src="./img/index7_07.jpg" alt=""></li>
                        <ul class="box1 cr fl">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                        <ul class="divrtul fr">
                            <li class="lunbo" style="border: 1px solid #666;">
                                <div class="pptbox" id="bannerInners2">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/dsshbanner-zr-0914.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/dsshbanner-zr-0914.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft">&lt;</span>
                                    <span class="btnright">></span>
                                </div>
                            </li>

                            <li style="border-top:1px solid #666 ;">
                                <p>奥运狂欢BBB</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                            <li style="border-top:1px solid #666">
                                <p>奥运狂欢BBB</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li style="border-left: 1px solid #666;">
                                <p>奥运狂欢BBB</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li>
                                <p>奥运狂欢BBB</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                            <li>
                                <p>奥运狂欢BBB</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li>
                                <p>奥运狂欢BBB</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                        </ul>
                </div>



                <div class="ltdiv fl cr">
                    <ul class="divltul fl">
                        <li><img src="./img/index7_07.jpg" alt=""></li>
                        <ul class="box1 cr fl">
                            <li>中小学教辅</li>
                            <li>外语</li>
                            <li>考试</li>
                            <li>小说</li>
                            <li>文学</li>
                            <li>青春文学</li>
                            <li>成功\励志</li>
                            <li>管理</li>
                            <li>历史</li>
                            <li>哲学\宗教</li>
                            <li>亲子\家教</li>
                            <li>全部分类></li>
                        </ul>
                        <ul class="divrtul fr">
                            <li class="lunbo" style="border: 1px solid #666;">
                                <div class="pptbox" id="bannerInners">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/dsshbanner-zr-0914.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/dsshbanner-zr-0914.jpg" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="./img/ppt2_05.jpg" /></a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft">&lt;</span>
                                    <span class="btnright">></span>
                                </div>
                            </li>

                            <li style="border-top:1px solid #666 ;">
                                <p>奥运狂欢CCC</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                            <li style="border-top:1px solid #666">
                                <p>奥运狂欢CCC</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li style="border-left: 1px solid #666;">
                                <p>奥运狂欢CCC</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li>
                                <p>奥运狂欢CCC</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                            <li>
                                <p>奥运狂欢CCC</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>


                            <li>
                                <p>奥运狂欢CCC</p>
                                <span>10万种电子书,全部降40%</span>
                                <img src="./img/index09_05.jpg" alt="">
                                <p class="p2">￥：49 <span>￥79</span></p>
                            </li>

                        </ul>
                </div>


            </div>









            <div class="rtdiv fr">
                <p>新书畅销</p>
                <ul style="padding: 5px;">
                    <li class="cr">
                        <span style="color:red" class="fl">1</span>
                        <p class="fl ycp">就喜欢你看不惯我，又干不掉我</p>
                        <div class="cr fr ycbox">
                            <img src="./img/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                        </div>
                    </li>


                    <li class="cr">
                        <span style="color:red" class="fl">2</span>
                        <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                        <div class="cr fr">
                            <img src="./img/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                        </div>
                    </li>


                    <li class="cr">
                        <span style="color:red" class="fl">3</span>
                        <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                        <div class="cr fr">
                            <img src="./img/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                        </div>
                    </li>


                    <li class="cr">
                        <span style="color:red" class="fl">4</span>
                        <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                        <div class="cr fr">
                            <img src="./img/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                        </div>
                    </li>


                    <li class="cr">
                        <span style="color:red" class="fl">5</span>
                        <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                        <div class="cr fr">
                            <img src="./img/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                        </div>
                    </li>


                    <li class="cr">
                        <span style="color:red" class="fl">6</span>
                        <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                        <div class="cr fr">
                            <img src="./img/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                        </div>
                    </li>

                    <li class="cr">
                        <span style="color:red" class="fl">7</span>
                        <p class="fl" style="border-bottom: none;">就喜欢你看不惯我，又干不掉我</p>
                        <div class="cr fr">
                            <img src="./img/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </div>


    <!-- 服装 -->
    <div class="yifu typepage cr floor">
        <div class="cr topyi">
            <p class="fl">
                <span class="tu">服装</span>
            </p>
            <ul class="fr bookul cr">
                <li class="xsli">
                    <a href="#">热门女装</a>
                </li>


                <li>
                    <a href="#">精选男装</a>
                </li>


                <li>
                    <a href="#">潮牌童装</a>
                </li>
            </ul>
        </div>
        <div class="boxyi fl">
            <div class="btyi">
                <ul class="divltul fl">
                    <li><img src="./img/index7_17.jpg" alt=""></li>
                    <ul class="box1 cr fl">
                        <li>女包</li>
                        <li>防晒品</li>
                        <li>短裤</li>
                        <li>冰丝内裤</li>
                        <li>男包</li>
                        <li>功能箱包</li>
                        <li>蕾丝衬衣</li>
                        <li>奢侈品</li>
                        <li>男鞋</li>
                        <li>女包</li>
                        <li>女鞋</li>
                        <li>全部分类></li>
                    </ul>
                </ul>
            </div>
        </div>

        <div class="boxrt fr">
            <ul class="cr xsb">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners3">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/index10_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/女装内衣/68700016969136_y.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/女装内衣/72190020507327_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/女装内衣/162350015511487_y.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/女装内衣/72190020507327_1_o.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/女装内衣/53840017853657_y.jpg" alt="" style="height: 332px;  width: 170px; border-left: 1px solid #666;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/女装内衣/77100019842923_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index100_05.jpg" alt="" style="height: 332px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/女装内衣/771000.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/index100_11.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/女装内衣/771000.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>



            <ul class="cr">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners4">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/热销男装/181160019766142_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/99570021989984_y.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/1417460406-1_b_12.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/99570021989984_y.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/1417460406-1_b_12.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/52610014590238_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/52610014590238_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/52610014590238_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/nanyifu.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/nanyifu.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/nanyifu.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>



            <ul class="cr">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners5">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/118450016039312_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/118450016039312_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/160314-11181-pc-A2.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/160314-11181-pc-A2.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/160314-11181-pc-A2.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/80380025755364_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/80380025755364_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/80380025755364_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>
        </div>

        <div class="btlogo">
            <ul class="cr " style="height: 60px;">
                <li>
                    <a href="#">
                        <img src="./img/logo13_11.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_12.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_13.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_14.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_14.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_13.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_12.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_11.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_15.jpg" alt="">
                    </a>
                </li>

            </ul>
        </div>
    </div>


    <!-- 男装1 -->
    <div class="yifu typepage cr floor">
        <div class="cr topyi">
            <p class="fl">
                <span class="tu">男装</span>
            </p>
            <ul class="fr bookul1 cr">
                <li class="xsli">
                    <a href="#">热门男装</a>
                </li>


                <li>
                    <a href="#">大牌男装</a>
                </li>


                <li>
                    <a href="#">潮牌男装</a>
                </li>
            </ul>
        </div>
        <div class="boxyi fl">
            <div class="btyi">
                <ul class="divltul fl">
                    <li><img src="./img/热销男装/86900018851686_y.jpg" alt="" style="height: 345px;"></li>
                    <ul class="box1 cr fl">
                        <li>女包</li>
                        <li>防晒品</li>
                        <li>短裤</li>
                        <li>冰丝内裤</li>
                        <li>男包</li>
                        <li>功能箱包</li>
                        <li>蕾丝衬衣</li>
                        <li>奢侈品</li>
                        <li>男鞋</li>
                        <li>女包</li>
                        <li>女鞋</li>
                        <li>全部分类></li>
                    </ul>
                </ul>
            </div>
        </div>

        <div class="boxrt1 fr">


            <ul class="cr  xsb">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners7">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/热销男装/181160019766142_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/热销男装/119130027655160_1_o(1).jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/1417460406-1_b_12.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/热销男装/181160019766142_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/1417460406-1_b_12.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/热销男装/136700019847353_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/热销男装/129860019491107_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/热销男装/86900019841997_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/热销男装/86900019846648_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/热销男装/D.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/热销男装/75840018943081_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>




            <ul class="cr ">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners6">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/index10_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/index21_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/index10_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/index21_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/index10_05.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index100_05.jpg" alt="" style="height: 332px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index100_05.jpg" alt="" style="height: 332px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index100_05.jpg" alt="" style="height: 332px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/index100_11.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/index100_11.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/index100_11.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>



            



            <ul class="cr">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners8">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/118450016039312_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/118450016039312_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/160314-11181-pc-A2.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/160314-11181-pc-A2.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/160314-11181-pc-A2.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/80380025755364_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/80380025755364_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/80380025755364_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>
        </div>

        <div class="btlogo">
            <ul class="cr " style="height: 60px;">
                <li>
                    <a href="#">
                        <img src="./img/logo13_11.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_12.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_13.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_14.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_14.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_13.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_12.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_11.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_15.jpg" alt="">
                    </a>
                </li>

            </ul>
        </div>
    </div>



    <!-- 男鞋 -->
    <div class="yifu typepage cr floor">
        <div class="cr topyi2">
            <p class="fl">
                <span class="tu">鞋子</span>
            </p>
            <ul class="fr bookul cr">
                <li class="xsli">
                    <a href="#">热门女鞋</a>
                </li>


                <li>
                    <a href="#">精选男鞋</a>
                </li>


                <li>
                    <a href="#">潮牌童鞋</a>
                </li>
            </ul>
        </div>
        <div class="boxyi fl">
            <div class="btyi">
                <ul class="divltul fl">
                    <li><img src="./img/index7_17.jpg" alt=""></li>
                    <ul class="box1 cr fl">
                        <li>女包</li>
                        <li>防晒品</li>
                        <li>短裤</li>
                        <li>冰丝内裤</li>
                        <li>男包</li>
                        <li>功能箱包</li>
                        <li>蕾丝衬衣</li>
                        <li>奢侈品</li>
                        <li>男鞋</li>
                        <li>女包</li>
                        <li>女鞋</li>
                        <li>全部分类></li>
                    </ul>
                </ul>
            </div>
        </div>

        <div class="boxrt2 fr">

            <ul class="cr  xsb">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners11">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/118450016039312_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/118450016039312_1_o.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/104390020507386_1_o.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/国际名品/160314-12359-pc-A2.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/国际名品/160314-11181-pc-A2.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/国际名品/94790020545122_1_o.jpg" alt="" style="height: 332px;  width: 170px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/80380025755364_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/国际名品/155730026313774_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/国际名品/80380025755364_1_o.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>
            <ul class="cr">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners9">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/index10_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/index21_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/index10_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/index21_05.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/index10_05.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index100_05.jpg" alt="" style="height: 332px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index100_05.jpg" alt="" style="height: 332px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index100_05.jpg" alt="" style="height: 332px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/index100_11.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/index100_11.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/index100_11.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>



            <ul class="cr">
                <li style="width: 447px; height: 334px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <div class="pptbox" id="bannerInners10">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#"><img src="./img/1417460406-1_b_12.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/99570021989984_y.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/1417460406-1_b_12.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/99570021989984_y.jpg" /></a>
                                </li>
                                <li>
                                    <a href="#"><img src="./img/1417460406-1_b_12.jpg" /></a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft">&lt;</span>
                            <span class="btnright">></span>
                        </div>
                    </a>
                </li>

                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/52610014590238_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/52610014590238_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/52610014590238_1_o.jpg" alt="" style="height: 332px; width: 169px;">
                    </a>
                </li>


                <li style="width: 447px; height: 158px; border-top: 1px solid #666; border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index11_08.jpg" alt="" style="width: 447px;
                        height: 158px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/nanyifu.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>


                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/nanyifu.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>

                <li style="height: 158px;">
                    <a href="">
                        <img src="./img/nanyifu.jpg" alt="" style="height: 156px; width: 170px;">
                    </a>
                </li>
            </ul>



            
        </div>

        <div class="btlogo">
            <ul class="cr " style="height: 60px;">
                <li>
                    <a href="#">
                        <img src="./img/logo13_11.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_12.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_13.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_14.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_14.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_13.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_12.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_11.jpg" alt="">
                    </a>
                </li>


                <li>
                    <a href="#">
                        <img src="./img/logo13_15.jpg" alt="">
                    </a>
                </li>

            </ul>
        </div>
    </div>


    <!-- 家居日用  -->
    <div class="jiaju typepage floor">
        <div class="jjtop">
            <span>家居日用</span>
        </div>
        <div class="jjbt cr">
            <img src="./img/index21_05.jpg" alt="" class="fl" style="width: 490px; height: 498px;">
            <ul class="cr fr">
                <li style="border-top: 1px solid #666;border-left: 1px solid #666;">
                    <a href="">
                        <img src="./img/index22_05.jpg" alt="">
                    </a>
                </li>
                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index22_05.jpg" alt="">
                    </a>
                </li>
                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index22_05.jpg" alt="">
                    </a>
                </li>
                <li style="border-top: 1px solid #666;">
                    <a href="">
                        <img src="./img/index22_05.jpg" alt="">
                    </a>
                </li>
                <li style="height: 160px; border-left: 1px solid #666; border-right: 1px solid #666;">
                    <a href="">
                        <img src="./img/index23_08.jpg" alt="" style="width: 174px;">
                    </a>
                </li>
                <li style="height: 160px;">
                    <a href="">
                        <img src="./img/index23_08.jpg" alt="">
                    </a>
                </li>
                <li style="height: 160px;">
                    <a href="">
                        <img src="./img/index23_08.jpg" alt="">
                    </a>
                </li>
                <li style="height: 160px;">
                    <a href="">
                        <img src="./img/index23_08.jpg" alt="">
                    </a>
                </li>

            </ul>
        </div>
    </div>




    <!-- 推广商品 -->
    <div class="tg typepage">
        <div class="tgtop">
            <span>推广商品</span>
        </div>
        <ul>
            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

            <li>
                <a href="">
                    <img src="./img/index25_12.jpg" alt="">
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <span class="jg">￥：189</span>
                    <p class="pl">
                        <img src="./img/index27_14.jpg" alt=""><span>已有<span class="jg">988</span>条评价
                    </p>

                </a>
            </li>

        </ul>
    </div>

    <!-- 线 -->
    <div class="xian">
    </div>


    <!-- 底部图标 -->
    <div class="bttb">
        <ul class="typepage cr">
            <li style="margin-left: 220px;">
                <img src="./img/222_11.png" alt="">
            </li>

            <li>
                <img src="./img/222_13(1).png" alt="">
            </li>

            <li>
                <img src="./img/222_15.png" alt="">
            </li>

            <li>
                <img src="./img/222_17.png" alt="">
            </li>
        </ul>
    </div>


    <!-- 底部 -->
    <div class="typepage bottom">
        <div class="bottop" >
            <ul style="margin-left: 178px;">
                <li><h3>购物指南</h3></li>
                <li>
                    <a href="">购物流程</a>
                </li>
                <li>
                    <a href="">发票制度</a>
                </li>
                <li>
                    <a href="">账户管理</a>
                </li>
                <li>
                    <a href="">会员优惠</a>
                </li>
            </ul>


            <ul>
                <li><h3>支付方式</h3></li>
                <li>
                    <a href="">货到付款</a>
                </li>
                <li>
                    <a href="">网上支付</a>
                </li>
                <li>
                    <a href="">礼品卡支付</a>
                </li>
                <li>
                    <a href="">银行转账</a>
                </li>
            </ul>


            <ul>
                <li><h3>订单配送</h3></li>
                <li>
                    <a href="">订单配送查询</a>
                </li>
                <li>
                    <a href="">订单状态说明</a>
                </li>
                <li>
                    <a href="">自动取消订单</a>
                </li>
                <li>
                    <a href="">自动支付取消</a>
                </li>
            </ul>


            <ul>
                <li><h3>退换货</h3></li>
                <li>
                    <a href="">退换货政策</a>
                </li>
                <li>
                    <a href="">自主申请退货</a>
                </li>
                <li>
                    <a href="">退货进度查询</a>
                </li>
                <li>
                    <a href="">退货的方式和时间</a>
                </li>
            </ul>
            

            <ul>
                <li><h3>商家服务</h3></li>
                <li>
                    <a href="">商家中心</a>
                </li>
                <li>
                    <a href="">运营服务</a>
                </li>
                <li>
                    <a href="">加入唯品会</a>
                </li>
            </ul>

            <ul>
                <li><img src="./img/logo_00.png" alt=""></li>
            </ul>
        </div>
    </div>

    <!-- 底部图片 -->
    <div class="typepage">
        <img src="./img/01-首页_03.jpg" alt="">
    </div>

    <!-- 楼层滚动 -->
    <ul class="lcgd">
        <li class="c1" bgc='#93d46f'>图书</li>
        <li class="c2" bgc='#f65727'>服装</li>
        <li class="c3" bgc='#bb9dee'>男装</li>
        <li class="c4" bgc='#ff7394'>鞋子</li>
        <li class="c5" bgc='#c2ec51'>家居</li>
    </ul>

    <div class="ljzx">
        <img src="./img/two_30.jpg" alt="">
        <div>
            领卷中心
            <img src="./img/two_34.jpg" alt="">
        </div>
        <img src="./img/two_40.jpg" alt="">
    </div>


   <!-- 搜索框 -->
    <div class="ssk">
        <div class="typepage">
            <p class="fl">logo</p>
            <div class="kuang fr">
                <input type="text" class="fl" placeholder="请输入你要搜索的内容"><button class="fr"><img src="./img/bgicon_01.jpg" alt=""></button>
            </div>
        </div>
    </div>


<!-- 回到顶部 -->
    <div class="hddb">
        <img src="./img/01-首页_07.jpg" alt="">
    </div>



    <!-- jquery.js -->
    <script src="./js/轮播js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <!--轮播插件-->
    <script src="./js/轮播js/slider.js" type="text/javascript" charset="utf-8"></script>

    <script src="./js/index.js"></script>

</body>

</html>